page{
	background-color: #F9F9F9;
	.app{
		
	}
	.app-1{
		image{
			width: 100%;
		}
	}
	.app-2{
		display: flex;
		align-items: center;
		padding: 10upx 30upx 20upx;
		
		>view{
			background-color: #fff;
			margin-right: 30upx;
			flex: 1;
			display: flex;
			align-items: center;
			padding: 4upx 20upx;
			border-radius: 50upx;
			image{
				width: 36upx;
				margin-right: 20upx;
			}
		}
		>text{
			display: block;
			padding: 10upx 30upx;
			background-color: #2B74FE;
			border-radius: 50upx;
			color: #fff;
		}
	}
	.app-3{
		background-color: #fff;
	}
	.app-4{
		padding: 10upx 30upx;
		.list{
			background-color: #fff;
			border-top: 2px solid #2B74FE;
			margin-top: 30upx;
			.list-1{
				display: flex;
				align-items: center;
				padding: 20upx 30upx;
				image{
					width: 24upx;
				}
				text{
					&:nth-of-type(1){
						flex: 1;
						margin: 0 50upx 0 15upx;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
						overflow: hidden;
					}
					&:nth-of-type(2){
						font-size: 22upx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #333333;
						opacity: 0.3;
					}
				}
			}
			.list-2{
				padding: 0 30upx;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				overflow: hidden;
				font-size: 22upx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #333333;
				line-height: 44upx;
				opacity: 0.6;
			}
			.list-3{
				text-align: right;
				padding: 20upx 30upx 30upx;
				font-size: 22upx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #2B74FE
			}
		}
	}
}
